<template>
  <div class="index">
    <ul>
      <li>
          <router-link to="/home"><img src="../assets/logo-ea5.png" alt=""></router-link>
      </li>
       <li>
         <router-link to="/singer">歌手</router-link>
      </li>
       <li>
        <router-link to="/listcate">榜单</router-link>
      </li>
       <li>
        <router-link to="/myself">我的</router-link>
      </li>
       <li>
        <router-link to="/search">搜索</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'index'
}
</script>

<style scoped>
.index img {
  width: 26px;
  height: 26px;
}
.index ul {
  display: flex;
  line-height: 50px;
  background: #f9f9f9;
}
.index li {
  flex: 1;
  text-align: center;
}
.index li a {
  font-size: 16px;
  color: #999;
}
</style>
